﻿@{Layout = null;}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <script src="~/layui/layui.js"></script>
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon.png" media="all" />
    <title>停车系统</title>

    <link href="/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="all" />

    <link href="/css/style.css" rel="stylesheet" media="all" />

    <link href="/css/colors/default-dark.css" id="theme" rel="stylesheet" media="all" />

</head>

<body class="fix-header card-no-border fix-sidebar">

    <div class="preloader">
        <div class="loader">
            <div class="loader__figure"></div>
            <p class="loader__label">Admin Pro</p>
        </div>
    </div>

    <div id="main-wrapper">

        <header class="topbar">
            <nav class="navbar top-navbar navbar-expand-md navbar-light">

                <div class="navbar-header">
                    <a class="navbar-brand" href="index.html">
                        <b>
                            <img src="../assets/images/logo-icon.png" alt="homepage" class="dark-logo" />
                        </b>

                        <span>
                            <img src="../assets/images/logo-text.png" alt="homepage" class="dark-logo" />
                        </span>
                    </a>
                </div>

                <div class="navbar-collapse">

                    <ul class="navbar-nav mr-auto">

                        <li class="nav-item"> <a class="nav-link nav-toggler hidden-md-up waves-effect waves-dark" href="javascript:void(0)"><i class="ti-menu"></i></a> </li>
                    </ul>

                    <ul class="navbar-nav my-lg-0">

                        <li class="nav-item hidden-xs-down search-box">
                            <a class="nav-link hidden-sm-down waves-effect waves-dark" href="javascript:void(0)"><i class="ti-search"></i></a>
                            <form class="app-search">
                                <input type="text" class="form-control" placeholder="Search & enter"> <a class="srh-btn"><i class="ti-close"></i></a>
                            </form>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link waves-effect waves-dark" href="#"><img src="../assets/images/users/1.jpg" alt="user" class="profile-pic" /></a>
                        </li>
                    </ul>
                </div>
            </nav>
        </header>

        <aside class="left-sidebar">

            <div class="scroll-sidebar">

                <nav class="sidebar-nav">
                    <ul id="sidebarnav">
                        <li> <a class="waves-effect waves-dark" href="Index1" aria-expanded="false"><i class="mdi mdi-table"></i><span class="hide-menu">实时停车记录</span></a></li>
                        <li> <a class="waves-effect waves-dark" href="Index2" aria-expanded="false"><i class="mdi mdi-account-check"></i><span class="hide-menu">车辆历史记录</span></a></li>
                        <li> <a class="waves-effect waves-dark" href="Index3" aria-expanded="false"><i class="mdi mdi-table"></i><span class="hide-menu">停车场规范</span></a></li>
                        <li> <a class="waves-effect waves-dark" href="Index4" aria-expanded="false"><i class="mdi mdi-table"></i><span class="hide-menu">历史记录增修</span></a></li>

                    </ul>

                </nav>

            </div>

        </aside>

        <div class="page-wrapper">

            <div class="container-fluid">

                <div class="row page-titles">
                    <div class="col-md-5 align-self-center">
                        <h3 class="text-themecolor">停车记录表</h3>
                    </div>

                </div>

                <div class="row">

                    <div class="col-lg-12">
                        <div id="card">
                            车牌号<input id="cha1">
                            车区:
                            <select style="height: 30px;">
                                <option value="zzz">--请选择--</option>
                                <option value="A">A</option>
                                <option value="B">B</option>
                            </select>
                            <div class="col-md-7 align-self-center" style="float: right;">
                                <button type="button" onclick="javascript:location.reload()">刷新</button>
                                <button type="button" id="cha2">查询</button>
                                <button type="button">新增</button>
                            </div>
                        </div>

                        <div class="card">
                            <div class="card-body">
                                <div class="table-responsive" id="ca00">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th>#</th>
                                                <th>车牌号</th>
                                                <th>颜色</th>

                                                <th>驶入时间  </th>
                                                <th>驶出时间 </th>
                                                <th>收取费用 </th>
                                                <th>备注</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr v-for="data in Car_listData">
                                                <th>{{data.id}}</th>
                                                <th>{{data.carid}}</th>
                                                <th>{{data.color}} </th>
                                                <th>{{data.timein}}</th>
                                                <th>{{data.timeout}}</th>
                                                <th>{{data.fei}}</th>
                                                <th>查询</th>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="table-responsive" id="c500">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th>#</th>
                                                <th>车牌号</th>
                                                <th>颜色</th>
                                                <th>停车区 </th>
                                                <th>驶入时间  </th>
                                                <th>驶出时间 </th>
                                                <th>收取费用 </th>
                                                <th>备注</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr v-for="data in Carport_listData">
                                                <th>{{data.id}}</th>
                                                <th>{{data.carid}}</th>
                                                <th>{{data.color}} </th>
                                                <th>{{data.portid}}</th>
                                                <th>{{data.timein}}</th>
                                                <th>{{data.timeout}}</th>
                                                <th>{{data.fei}}</th>
                                                <th>null</th>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>

            </div>

            <footer class="footer">Copyright &copy; 2019.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></footer>

        </div>

    </div>

    <script src="/assets/plugins/jquery/jquery.min.js"></script>

    <script src="/assets/plugins/bootstrap/js/popper.min.js"></script>
    <script src="/assets/plugins/bootstrap/js/bootstrap.min.js"></script>

    <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
    <script src="~/layui/layui.js"></script>

    <script src="/js/perfect-scrollbar.jquery.min.js"></script>

    <script src="/js/waves.js"></script>

    <script src="/js/sidebarmenu.js"></script>

    <script src="~/js/Index.js"></script>

    <script src="/js/custom.min.js"></script>
</body>

</html>